<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jsx_rules</title>
</head>
<body>
<div id="app">

</div>

<script src="lib/react.development.js"></script>
<script src="lib/react-dom.development.js"></script>
<script src="lib/babel.min.js"></script>

<script type="text/babel">
    let user ={
        username: "Alice",
        age:12
    }

    let  VDOM =(
        <h1>
            {user.username}
        </h1>
    )

    VDOM =
       <div>
           <div>
               {user.username}
           </div>
           <span>
               {user.age}
           </span>
           姓名： <input type="text"/>
       </div>

    ReactDOM.render(VDOM,document.getElementById("app"));

</script>

</body>
</html>